<template>
  <div>
    <el-tabs>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item v-for="item in lists" :key="item.path">
          {{ item.meta.title }}
        </el-breadcrumb-item>
      </el-breadcrumb>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      lists: [],
    };
  },
  created() {
    this.lists = this.$route.matched;
  },
  watch: {
    $route(to) {
      this.lists = to.matched;
    },
  },
  computed: {
    showTabBar() {
      return /^\/\w+\/\w+/.test(this.$route.path);
    },
  },
  methods: {
    hback() {
      this.$router.back();
    },
  },
};
</script>

<style scoped lang="less">
.aaa {
  font-size: 18px;
  transform: translateY(10px);
  margin-left: 20px;
  color: #000;
  margin-left: 120px;
}

.el-breadcrumb {
  margin-left: 10px;
  font-size: 15px;
}
::v-deep .el-breadcrumb__separator{
  margin: 0 5px 0 5px !important;
}
</style>
